.customer-wrap {
  .customer-title {
    background-color: rgb(32, 35, 42);
    color: white;
    text-align: center;
    height: 3.125rem;
    line-height: 3.125rem;
  }
  .customer-main-wrap {
    height: calc(100vh - 3.125rem);
    display: flex;
    justify-content: center;
    .customer-main {
      flex-basis: 1280px;
      display: flex;
      .left-box {
        flex-basis: 200px;
        height: 100%;
        background-color: rgb(194, 194, 194);
        .user-item {
          padding: 0.2188rem 0.75rem;
          background-color: rgb(228, 229, 230);
          display: flex;
          align-items: center;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          .user-img {
            width: 3rem;
            height: 3rem;
            border-radius: 1.5rem;
            margin-right: 0.625rem;
          }
        }
      }
      .right-box {
        flex-grow: 1;
        background-color: red;
        .chat-box {
          width: 100%;
          height: 100%;
          .chat-item-wrap {
            width: 100%;
            height: 100%;
            .online-box {
              border-radius: 0 !important;
            }
          }
        }
      }
    }
  }
}
